<template>
  <div class="foundation-frame-wrap">
    <div @click="goTo">
      <span></span>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    goTo () {
      this.$router.push({
        path: '/foundation/pc/home'
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.foundation-frame-wrap {
  position: relative;
  height: calc(100vh - 90px);
  div {
    position: absolute;
    background: url("../../../../assets/imgs/logo.jpg") bottom center;
    background-size: 100% auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    span {
      position: absolute;
      width: 48px;
      height: 48px;
      background: linear-gradient(to top, #FF7F41, #E6007E);
      border-radius: 50%;
      bottom: 100px;
      left: 50%;
      margin-left: -24px;
      &:after {
        position: absolute;
        content: '';
        width: 30px;
        height: 30px;
        background: #fff;
        border-radius: 50%;
        top: 9px;
        left: 9px;
      }
    }
  }
}
</style>